<template>
  <div>
    <h1>{{title}}</h1>
    <h1>MyTitle属性的值是:{{MyTitle}}</h1>
    <h2>{{name}}  {{age}}</h2>
    <button>这是一个按钮</button>
  </div>
</template>

<script>
export default {
  name: "Header",
  /* 当前组件声明的属性,调用者可以设置属性
  * props是固定的写法,属性的名称可以自定义 */
  // props:["MyTitle"],
  props:{
    MyTitle:{
      type:String,  //属性的类型
      required:false, //是否是必填的属性
      default:'默认的标题' //属性的默认值
    },
    name:{
      type:String
    },
    age:{
      type:Number
    }
  },
  data(){
    return{
      title:"header页面头"
    }
  }
}
</script>

<style scoped>

</style>
